<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>layout 后台大布局 - Layui</title>
	<link rel="stylesheet" href="../resource/layui/css/layui.css">
	<script src="../js/jquery-2.0.3.js"></script>
</head>

<body class="layui-layout-body">
	<div class="layui-layout layui-layout-admin">
		<div class="layui-header">
			<div class="layui-logo"><img src="../resource/image/logo.png" style="width: 200px; height: 58px;"></div>
			<!-- 头部区域（可配合layui已有的水平导航） -->
			<ul class="layui-nav layui-layout-left">
				<li class="layui-nav-item"><a href="">个人请假</a></li>
				<li class="layui-nav-item"><a href="">员工请假</a></li>
				<li class="layui-nav-item"><a href="">用户</a></li>
				<li class="layui-nav-item">
					<a href="javascript:;">其它系统</a>
					<dl class="layui-nav-child">
						<dd><a href="">个人请假</a></dd>
						<dd><a href="">他人请假审批</a></dd>
						<dd><a href="">授权管理</a></dd>
					</dl>
				</li>
			</ul>
			<ul class="layui-nav layui-layout-right">
				<li class="layui-nav-item">
					<a href="javascript:;">
						<img src="http://t.cn/RCzsdCq" class="layui-nav-img">
						贤心
					</a>
					<dl class="layui-nav-child">
						<dd><a href="">修改个人信息</a></dd>
						<dd><a href="">安全设置</a></dd>
					</dl>
				</li>
				<li class="layui-nav-item"><a href="">退了</a></li>
			</ul>
		</div>

		<div class="layui-side layui-bg-black">
			<div class="layui-side-scroll">
				<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
				<ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="test">
					<li class="layui-nav-item">
						<a class="" href="javascript:;"><i class="layui-icon"> &#xe637; </i>考勤</a>
						<dl class="layui-nav-child">
							<dd><a href="punch.html">打卡</a></dd>
							<dd><a href="Empattence.html"  >自我考勤查看</a></dd>
							<dd><a href="Deptpattence.html" >部门考勤查看</a></dd>
							<dd><a href="Hrpattence.html">员工考勤查看</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item layui-nav-itemed">
						<a href="javascript:;" ><i class="layui-icon">&#xe613; </i>请假管理</a>
						<dl class="layui-nav-child">
							<dd><a href="leavepage.html">请假申请</a></dd>
							<dd><a href="leavelist.html" class="layui-this">请假审批</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item "><a href="javascript:;"><i class="layui-icon">&#xe716; </i>管理</a>
						<dl class="layui-nav-child">
							<dd><a href="Emp.html">员工管理</a></dd>
							<dd><a href="Dept.html">部门管理</a></dd>
							<dd><a href="userinfo.html" >个人信息管理</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item"><a href="Note.html">公告</a></li>
				</ul>
			</div>
		</div>

		<div class="layui-body">
			<!-- 内容主体区域 -->
			<div class="layui-container">
				<div class="layui-row" style="height: 50px;"></div>
				<div class="layui-row">
					<form class="layui-form" action="">
						<div class="layui-input-inline">
							<input type="text" name="title" required placeholder="请输入员工姓名"
								class="layui-input layui-input-inline">
						</div>
						<a href="" class="layui-btn layui-btn-primary layui-input-inline">查询员工</a>
					</form>
				</div>
				<table class="layui-hide" id="leavelist" lay-filter="leavelist">
					<thead>
						<tr>
							<th lay-data="{field:'A', sort: true, width:100}">流水号</th>
							<th lay-data="{field:'B', sort: true}">员工编号</th>
							<th lay-data="{field:'C', sort: true, width:100}">员工姓名</th>
							<th lay-data="{field:'D', sort: true}">员工部门</th>
							<th lay-data="{field:'E', sort: true}">请假开始时间</th>
							<th lay-data="{field:'F', sort: true}">请假结束时间</th>
							<th lay-data="{field:'G', sort: true}">审批状态</th>
							<th lay-data="{field:'H'}">操作</th>
						</tr>
					<tbody>
						<tr>
							<td>S001</td>
							<td>A001</td>
							<td>张飞</td>
							<td>技术部</td>
							<td>2020-03-11 08:30</td>
							<td>2020-03-11 17:30</td>
							<td>待审批</td>
							<td>
								<a href="" name="" class="layui-btn layui-btn-xs layui-btn-normal">审批</a>
							</td>
						</tr>
						<tr>
							<td>S001</td>
							<td>A001</td>
							<td>张飞</td>
							<td>技术部</td>
							<td>2020-03-11 08:30</td>
							<td>2020-03-11 17:30</td>
							<td>待审批</td>
							<td>
								<a href="" class="layui-btn layui-btn-xs layui-btn-normal">审批</a>
							</td>
						</tr>
						<tr>
							<td>S001</td>
							<td>A001</td>
							<td>张飞</td>
							<td>技术部</td>
							<td>2020-03-11 08:30</td>
							<td>2020-03-11 17:30</td>
							<td>待审批</td>
							<td>
								<a href="" class="layui-btn layui-btn-xs layui-btn-normal">审批</a>
							</td>
						</tr>
						<tr>
							<td>S001</td>
							<td>A001</td>
							<td>张飞</td>
							<td>技术部</td>
							<td>2020-03-11 08:30</td>
							<td>2020-03-11 17:30</td>
							<td>待审批</td>
							<td>
								<a href="" class="layui-btn layui-btn-xs layui-btn-normal">审批</a>
							</td>
						</tr>
						<tr>
							<td>S001</td>
							<td>A001</td>
							<td>张飞</td>
							<td>技术部</td>
							<td>2020-03-11 08:30</td>
							<td>2020-03-11 17:30</td>
							<td>待审批</td>
							<td>
								<a href="" class="layui-btn layui-btn-xs layui-btn-normal">审批</a>
							</td>
						</tr>
						<tr>
							<td>S001</td>
							<td>A001</td>
							<td>张飞</td>
							<td>技术部</td>
							<td>2020-03-11 08:30</td>
							<td>2020-03-11 17:30</td>
							<td>待审批</td>
							<td>
								<a href="" class="layui-btn layui-btn-xs layui-btn-normal">审批</a>
							</td>
						</tr>
						<tr>
							<td>S001</td>
							<td>A001</td>
							<td>张飞</td>
							<td>技术部</td>
							<td>2020-03-11 08:30</td>
							<td>2020-03-11 17:30</td>
							<td>待审批</td>
							<td>
								<a href="" class="layui-btn layui-btn-xs layui-btn-normal">审批</a>
							</td>
						</tr>
						<tr>
							<td>S001</td>
							<td>A001</td>
							<td>张飞</td>
							<td>技术部</td>
							<td>2020-03-11 08:30</td>
							<td>2020-03-11 17:30</td>
							<td>待审批</td>
							<td>
								<a href="" class="layui-btn layui-btn-xs layui-btn-normal">审批</a>
							</td>
						</tr>
						<tr>
							<td>S001</td>
							<td>A001</td>
							<td>张飞</td>
							<td>技术部</td>
							<td>2020-03-11 08:30</td>
							<td>2020-03-11 17:30</td>
							<td>待审批</td>
							<td>
								<a href="" class="layui-btn layui-btn-xs layui-btn-normal">审批</a>
							</td>
						</tr>
						<tr>
							<td>S001</td>
							<td>A001</td>
							<td>张飞</td>
							<td>技术部</td>
							<td>2020-03-11 08:30</td>
							<td>2020-03-11 17:30</td>
							<td>待审批</td>
							<td>
								<a href="" class="layui-btn layui-btn-xs layui-btn-normal">审批</a>
							</td>
						</tr>
						<tr>
							<td>S001</td>
							<td>A001</td>
							<td>张飞</td>
							<td>技术部</td>
							<td>2020-03-11 08:30</td>
							<td>2020-03-11 17:30</td>
							<td>待审批</td>
							<td>
								<a href="" class="layui-btn layui-btn-xs layui-btn-normal">审批</a>
							</td>
						</tr>
						<tr>
							<td>S001</td>
							<td>A001</td>
							<td>张飞</td>
							<td>技术部</td>
							<td>2020-03-11 08:30</td>
							<td>2020-03-11 17:30</td>
							<td>待审批</td>
							<td>
								<a href="" class="layui-btn layui-btn-xs layui-btn-normal">审批</a>
							</td>
						</tr>
						<tr>
							<td>S001</td>
							<td>A001</td>
							<td>张飞</td>
							<td>技术部</td>
							<td>2020-03-11 08:30</td>
							<td>2020-03-11 17:30</td>
							<td>待审批</td>
							<td>
								<a href="" class="layui-btn layui-btn-xs layui-btn-normal">审批</a>
							</td>
						</tr>
						<tr>
							<td>S001</td>
							<td>A001</td>
							<td>张飞</td>
							<td>技术部</td>
							<td>2020-03-11 08:30</td>
							<td>2020-03-11 17:30</td>
							<td>待审批</td>
							<td>
								<a href="" class="layui-btn layui-btn-xs layui-btn-normal">审批</a>
							</td>
						</tr>
						<tr>
							<td>S001</td>
							<td>A001</td>
							<td>张飞</td>
							<td>技术部</td>
							<td>2020-03-11 08:30</td>
							<td>2020-03-11 17:30</td>
							<td>待审批</td>
							<td>
								<a href="" class="layui-btn layui-btn-xs layui-btn-normal">审批</a>
							</td>
						</tr>


						<!-- 分页选项栏-->

					</tbody>
					</thead>
				</table>
			</div>
			<div class="layui-footer">
				<!-- 底部固定区域 -->
				© 中软 - JAVA二阶段项目 - 基于人脸识别的考勤系统 by TeamWork_XM
			</div>
		</div>
		<script src="../layui/layui.js"></script>
		<script>
			//JavaScript代码区域
			layui.use('element', function () {
				var element = layui.element;
			});
			//表各
			layui.use('table', function () {
				var table = layui.table;
				//转换静态表格
				table.init('leavelist', {
					height: 450, //设置高度
					limit: 10, //注意：请务必确保 limit 参数（默认：10）是与你服务端限定的数据条数一致
					page: true,
				});
			});
			// 弹出用于审批
			$('#parentIframe').on('click', function () {
				layer.open({
					type: 2,
					title: '审批',
					maxmin: true,
					shadeClose: true, //点击遮罩关闭层
					area: ['800px', '520px'],
					content: 'test/iframe.html'
				});
			});
		</script>
</body>

</html>